<!DOCTYPE html>
<html lang="zh-CN">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>登陆丨Python资源分享中心</title>

{% load static %}
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<body>
{#oncontextmenu="return false" onpaste="return false" 表示不能右键，和不能复制#}
<div class="login-container">
    <h1>用户注册</h1>
    <div class="connect">
        <p>欢迎来到Python资源分享中心</p>
    </div>
    <form action="" method="post" id="loginForm" enctype="multipart/form-data">
        {% csrf_token %}
        设置头像
        <div>{{ form_obj.avatar }}</div>
        <span>{{ form_obj.avatar.errors }}</span>
        <div>{{ form_obj.username }}</div>
        <span>{{ form_obj.username.errors }}</span>
        <div>{{ form_obj.password }}</div>
        <span>{{ form_obj.password.errors }}</span>
        <div>{{ form_obj.re_pwd }}</div>
        <span>{{ form_obj.re_pwd.errors }}</span>
        <div>{{ form_obj.position }}</div>
        <span>{{ form_obj.position.errors }}</span>
        <div>{{ form_obj.company }}</div>
        <span>{{ form_obj.company.errors }}</span>
        <div>{{ form_obj.phone }}</div>
        <span>{{ form_obj.phone.errors }}</span>



        <button id="submit" type="submit">注册</button>
    </form>
    <a href="{% url "login" %}">
        <button type="button" class="register-tis">已有账号点击登录</button>
    </a>
</div>
</body>
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/common.js' %}"></script>
<script src="{% static 'js/supersized.3.2.7.min.js' %}"></script>
<script src="{% static 'js/jquery.validate.min.js' %}"></script>
<script>
    jQuery(function ($) {
        $.supersized({
            // 功能
            slide_interval: 4000,    // 转换之间的长度
            transition: 1,    // 0 - 无，1 - 淡入淡出，2 - 滑动顶，3 - 滑动向右，4 - 滑底，5 - 滑块向左，6 - 旋转木马右键，7 - 左旋转木马
            transition_speed: 1000,    // 转型速度
            performance: 1,    // 0 - 正常，1 - 混合速度/质量，2 - 更优的图像质量，三优的转换速度//（仅适用于火狐/ IE浏览器，而不是Webkit的）
            // 大小和位置
            min_width: 0,    // 最小允许宽度（以像素为单位）
            min_height: 0,    // 最小允许高度（以像素为单位）
            vertical_center: 1,    // 垂直居中背景
            horizontal_center: 1,    // 水平中心的背景
            fit_always: 0,    // 图像绝不会超过浏览器的宽度或高度（忽略分钟。尺寸）
            fit_portrait: 1,    // 纵向图像将不超过浏览器高度
            fit_landscape: 0,    // 景观的图像将不超过宽度的浏览器
            // 组件
            slide_links: 'blank',    // 个别环节为每张幻灯片（选项：假的，'民'，'名'，'空'）
            slides: [    // 幻灯片影像
                {image: '{% static "images/login3.jpg"%}'},
                {image: '{% static "images/login2.jpg"%}'},
                {image: '{% static "images/login1.jpg"%}'}
            ]
        });
    });
</script>

</html>